<template>
	<div>
		<h2 @click="showName">学校名称：{{name}}</h2>
		<h2>学校地址：{{address}}</h2>
	</div>
</template>

<script>
	//不是默认暴露,分别暴露引入一个hunhe,用花括号包裹 
	// import {hunhe,hunhe2} from '../mixin'   //这里注释掉了是因为在main.js里面使用了全局的混合,可以查看main.js

	export default {
		name:'School',
		data() {
			return {
				name:'尚硅谷',
				address:'北京',
				x:666 //混合配置有的,你再配置,就以你自己配置的为主,但是生命周期钩子函数就是都要,自己配置的和混合配置的都会执行
			}
		},
		// mixins:[hunhe,hunhe2],  //接收公共配置	虽然你可以使用 import 和 export 直接在组件中引入混入，但使用 mixins 选项是一种更为规范的做法，
		                       //有助于提高代码的可读性和可维护性。而且 如果多个混入中有相同的选项（如 data、methods），它们会按照混入的顺序进行合并，
							   //后面的混入可以覆盖前面的混入。
	}
</script>